<template>
    <div class="goods-list">
        <div class="goods-item" v-for="item in goodslist" :key="item.id" @click="goDetail(item.id)">
            <img :src="item.img_url" alt="">
            <h1 class="title">{{item.title}}</h1>
            <div class="info">
                <p class="price">
                    <span class="now">￥{{item.sell_price}}</span>
                    <span class="old">￥{{item.market_price}}</span>
                </p>
                <p class="sell">
                    <span>热卖中</span><span>剩余{{item.stock_quantity}}件</span>
                </p>
            </div>
        </div>
       <mt-button type="danger" size="large" @click="getMore">加载更多</mt-button>
    </div>
</template>

<script>
    export default {
        name: "GoodsList",
        data(){
            return {
                pageindex:1,
                goodslist:[]
            }
        },
        created(){
            this.getGoodsList()
        },
        methods:{
            getGoodsList(){
                this.$http.get('java/goods/getgoods' + this.pageindex +'.json').then(result =>{
                    if(result.body.status === 0)
                    {
                        this.goodslist = this.goodslist.concat(result.body.message)
                    }
                })
            },
            getMore(){
                this.pageindex++;
                this.getGoodsList()
            },
            goDetail(id){
                //this.$router.push("/home/goodsinfo/" + id)
                this.$router.push({name:"goodsinfo",params:{id}})
            }
        }
    }
</script>

<style scoped>

</style>